/**
 * Layer Component Demo for tingle
 * @author
 *
 * Copyright 2014-2016, Tingle Team.
 * All rights reserved.
 */

// tingle-style's utils
@require '../../src/Style/tingle';
@require '../../src/Mask/Mask';
@require '../../src/Layer/Layer'

body
    background-color #f2f2f2
    .demo b
      background-color #ccc
      margin 5px
      display inline-block
      width 24px
      height 24px
      text-align center
      line-height 24px
    .demoItem
      position fixed
      top 50%
      left 50%
      -webkit-transform translateX(-50%) translateY(-50%)
      transform translateX(-50%) translateY(-50%)
